import Layout from "@/layout";

const SystemSettingsRouter = {
  path: "/large-screen-configurable",
  component: Layout,
  redirect: "noRedirect",
  name: "largeScreenConfigurable",
  meta: { title: "模板配置", icon: "system-settings" },
  children: [
    // 新建和选择模板=》页眉页脚配置（头部标题和底部导航栏配置）=》导航栏页面配置=》选择导航栏页面布局-页面组件配置
    // 业务组件包括最基础组件---主要配置里面包含哪些基础组件，调用的qpi,位置等等
    {
      path: "business-component-config",
      name: "businessComponentConfig",
      component: () => import("@/views/large-screen-configurable/business-component-config/index.vue"),
      meta: { title: "业务组件配置", icon: "system-settings" }
    },
    // 主要用于添加和查看以及修改模板
    // 新建和选择模板---模板管理
    {
      path: "temple-manage",
      name: "templeManage",
      component: () => import("@/views/large-screen-configurable/temple-manage/index.vue"),
      meta: { title: "模板管理", icon: "system-settings" }
    },
    // 添加模板详细信息-如果要修改模板可以在这里改
    {
      path: "config-temple",
      name: "configTemple",
      component: () => import("@/views/large-screen-configurable/config-temple/index.vue"),
      meta: { title: "模板添加的配置", icon: "system-settings" }
    },
    // 配置页眉页脚与导航栏页面---布局配置
    {
      path: "layout-configuration",
      name: "layoutConfiguration",
      component: () => import("@/views/large-screen-configurable/layout-configuration/index.vue"),
      meta: { title: "布局配置", icon: "system-settings" }
    }
  ]
};

export default SystemSettingsRouter;
